<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>演示10.1事件流</title>
	</head>
	<body>
		<div id="outer2">
			<div id="outer">
				<p id="inner">Click me!</p>
			</div>
		</div>
		<script type="text/javascript">
			document.getElementById('outer').onclick = function(){
				alert("点击了outer");
			}
			document.getElementById("inner").onclick = function(){
				alert("点击了inner");
			}
			document.getElementById('outer2').onclick = function(){
				alert("点击了outer2")
			}
		</script>
	</body>
</html>
